<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>{{title}}</title>

    <!-- adding Bootstrap 4 for UI components  -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="SHORTCUT ICON" href="https://c.s-microsoft.com/favicon.ico?v2" type="image/x-icon">
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
      <a class="navbar-brand" href="/">Microsoft identity platform</a>
        {{#if isAuthenticated}}
        <div class="ml-auto">
            <a type="button" id="signOut" class="btn btn-warning" href="/sign-out" aria-haspopup="true" aria-expanded="false">
                Sign-out
            </a>
        </div>
        {{else}}
        <div class="ml-auto">
            <a type="button" id="signIn" class="btn btn-secondary" href="/sign-in" aria-haspopup="true" aria-expanded="false">
                Sign-in
            </a>
        </div>
        {{/if}}
    </nav>
    <br>
    <h5 class="card-header text-center">Welcome to MSAL Node & Express Web App</h5>
    <br>
    <div class="row" style="margin:auto" >
      {{{body}}}
    </div>
    <br>
    <br>
  </body>
</html>
